<template>
  <view class="page-container">
    <AdaptiveNavBar :title="pageTitle" :showBack="true" :showHome="false" backgroundColor="#F37B1D">
      <template #right>
        <view class="download-btn" @click="handleDownload">
          <text class="download-text">下载</text>
        </view>
      </template>
    </AdaptiveNavBar>
    
    <view class="content-area" :style="{ marginTop: $navbarUtil.getNavbarTotalHeightRpx() }">
      <scroll-view scroll-y class="scroll-content">
        <view class="detail-card">
          <!-- 头部信息 -->
          <view class="detail-header">
            <text class="detail-title">{{ contentData.title }}</text>
          </view>
          
          <!-- 时间信息 -->
          <view class="detail-meta">
            <text class="meta-item">发布日期：{{ contentData.publishDate }}</text>
            <text class="meta-item">生效日期：{{ contentData.effectiveDate }}</text>
          </view>
          
          <!-- 分隔线 -->
          <view class="divider"></view>
          
          <!-- 正文内容 -->
          <view class="detail-content">
            <view v-for="(section, index) in contentData.sections" :key="index" class="content-section">
              <text class="section-title" v-if="section.title">{{ section.title }}</text>
              <text class="section-text" v-if="section.content">{{ section.content }}</text>
              
              <!-- 子章节 -->
              <view v-if="section.subsections" class="subsections">
                <view v-for="(sub, subIndex) in section.subsections" :key="subIndex" class="subsection">
                  <text class="subsection-title" v-if="sub.title">{{ sub.title }}</text>
                  <text class="subsection-text" v-if="sub.content">{{ sub.content }}</text>
                </view>
              </view>
            </view>
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      pageTitle: '',
      contentType: '',
      contentData: {
        title: '',
        publishDate: '',
        effectiveDate: '',
        sections: []
      }
    };
  },
  onLoad(options) {
    this.pageTitle = decodeURIComponent(options.title || '详情');
    this.contentType = options.type || '';
    this.loadContent();
  },
  methods: {
    loadContent() {
      // 根据类型加载不同的内容
      const contentMap = {
        service: this.getServiceAgreement(),
        privacy: this.getPrivacyPolicy(),
        consumer: this.getConsumerProtection(),
        dispute: this.getDisputeResolution(),
        safety: this.getSafetyNotice(),
        insurance: this.getInsuranceNotice(),
        qualification: this.getQualification(),
        contact: this.getContactInfo(),
        partner: this.getPartnerInfo(),
        join: this.getJoinInfo()
      };
      
      this.contentData = contentMap[this.contentType] || this.getDefaultContent();
    },
    
    // 纤程旅行平台服务协议
    getServiceAgreement() {
      return {
        title: '纤程旅行平台服务协议',
        publishDate: '2023年10月01日',
        effectiveDate: '2023年10月01日',
        sections: [
          {
            title: '前言',
            content: '欢迎使用纤程旅行平台服务!'
          },
          {
            title: '第一章 协议的范围',
            subsections: [
              {
                title: '1.1 协议说明',
                content: '本协议适用于《纤程旅行平台服务协议》正式版，附件及平台公布的各项规则，包括但不限于隐私政策、退款规则、争议调解规则、账号管理规则等（统称本协议）。'
              },
              {
                title: '1.2 协议内容',
                content: '纤程旅行平台服务协议是由平台经营者与用户就平台服务所订立的相关权利义务规范。'
              },
              {
                title: '1.3 协议签署',
                content: '本协议由《纤程旅行平台服务协议》正式版，附件及平台公布的各项规则，包括但不限于隐私政策、退款规则、争议调解规则、账号管理规则等构成，用户通过网站或移动应用注册、登录、下单即视为同意本协议。'
              }
            ]
          },
          {
            title: '第二章 协议确认',
            subsections: [
              {
                title: '1.1 本协议由《纤程旅行平台服务协议》正式版，附件及平台公布的各项规则，包括但不限于隐私政策、退款规则、争议调解规则、账号管理规则等构成。',
                content: ''
              },
              {
                title: '1.2 所有规则为本协议不可分割的组成部分，与协议正文具有同等法律效力。',
                content: ''
              },
              {
                title: '1.3 本协议内容同时包括平台已经发布的或将来可能发布的各类规则（包括但不限于《隐私政策》《争议调解规则》《退款规则》等）。',
                content: ''
              }
            ]
          },
          {
            title: '第三章 服务内容',
            subsections: [
              {
                title: '1.1 平台服务',
                content: '纤程旅行平台为用户提供研学旅行产品信息发布、预订、支付、评价等服务。'
              },
              {
                title: '1.2 服务范围',
                content: '包括但不限于产品展示、在线预订、订单管理、售后服务等功能。'
              },
              {
                title: '1.3 服务质量',
                content: '平台承诺提供稳定、安全、可靠的服务，保障用户合法权益。'
              }
            ]
          },
          {
            title: '第四章 用户权利与义务',
            content: '用户在使用平台服务时，应当遵守法律法规，尊重他人合法权益，不得利用平台服务从事违法违规活动。'
          },
          {
            title: '第五章 平台权利与义务',
            content: '平台有权根据法律法规和本协议约定，对用户行为进行监督管理，对违规行为采取相应措施。'
          }
        ]
      };
    },
    
    // 隐私保护政策
    getPrivacyPolicy() {
      return {
        title: '隐私保护政策',
        publishDate: '2023年10月01日',
        effectiveDate: '2023年10月01日',
        sections: [
          {
            title: '引言',
            content: '纤程旅行平台（以下简称"我们"）非常重视用户的隐私保护。本隐私政策说明了我们如何收集、使用、存储和保护您的个人信息。'
          },
          {
            title: '一、信息收集',
            content: '我们可能收集以下类型的信息：账号信息、身份信息、联系方式、订单信息、支付信息、设备信息等。'
          },
          {
            title: '二、信息使用',
            content: '我们使用收集的信息为您提供服务、改善用户体验、保障交易安全、遵守法律法规等。'
          },
          {
            title: '三、信息保护',
            content: '我们采取行业标准的安全措施保护您的个人信息，防止未经授权的访问、使用或披露。'
          }
        ]
      };
    },
    
    // 消费者权益保障措施
    getConsumerProtection() {
      return {
        title: '消费者权益保障措施',
        publishDate: '2023年10月01日',
        effectiveDate: '2023年10月01日',
        sections: [
          {
            title: '一、服务承诺',
            content: '平台承诺为消费者提供真实、准确的产品信息，保障消费者知情权和选择权。'
          },
          {
            title: '二、质量保证',
            content: '平台对所有上架产品进行严格审核，确保产品质量符合相关标准。'
          },
          {
            title: '三、退款保障',
            content: '在符合退款条件的情况下，平台承诺及时处理退款申请，保障消费者资金安全。'
          }
        ]
      };
    },
    
    // 争议调解处理规范
    getDisputeResolution() {
      return {
        title: '争议调解处理规范',
        publishDate: '2023年10月01日',
        effectiveDate: '2023年10月01日',
        sections: [
          {
            title: '一、适用范围',
            content: '本规范适用于用户与商家、用户与平台之间因交易产生的争议。'
          },
          {
            title: '二、调解流程',
            content: '用户可通过平台客服提交争议申请，平台将在3个工作日内介入调解。'
          },
          {
            title: '三、处理原则',
            content: '平台秉承公平、公正、公开的原则处理争议，保障各方合法权益。'
          }
        ]
      };
    },
    
    // 未成年人参加研学安全须知
    getSafetyNotice() {
      return {
        title: '未成年人参加研学安全须知',
        publishDate: '2023年10月01日',
        effectiveDate: '2023年10月01日',
        sections: [
          {
            title: '一、监护人责任',
            content: '未成年人参加研学活动需经监护人同意，监护人应确保未成年人身体健康状况适合参加活动。'
          },
          {
            title: '二、安全保障',
            content: '活动组织方应配备专业领队和安全员，确保未成年人活动期间的人身安全。'
          },
          {
            title: '三、应急处理',
            content: '活动期间如遇紧急情况，应立即联系领队和监护人，并采取必要的应急措施。'
          }
        ]
      };
    },
    
    // 保险告知书
    getInsuranceNotice() {
      return {
        title: '保险告知书',
        publishDate: '2023年10月01日',
        effectiveDate: '2023年10月01日',
        sections: [
          {
            title: '一、保险说明',
            content: '为保障您的权益，建议购买旅游意外险。部分产品已包含保险，具体以产品详情为准。'
          },
          {
            title: '二、保险范围',
            content: '旅游意外险通常包括意外伤害、意外医疗、紧急救援等保障。'
          },
          {
            title: '三、理赔流程',
            content: '如需理赔，请及时联系保险公司并按要求提供相关材料。'
          }
        ]
      };
    },
    
    // 平台资质
    getQualification() {
      return {
        title: '纤程旅行平台资质',
        publishDate: '2023年10月01日',
        effectiveDate: '2023年10月01日',
        sections: [
          {
            title: '企业信息',
            content: '纤程旅行平台由正规注册企业运营，具备合法的经营资质和许可证。'
          },
          {
            title: '相关资质',
            content: '平台持有旅行社业务经营许可证、网络文化经营许可证等相关资质。'
          }
        ]
      };
    },
    
    // 联系我们
    getContactInfo() {
      return {
        title: '联系我们',
        publishDate: '2023年10月01日',
        effectiveDate: '2023年10月01日',
        sections: [
          {
            title: '客服热线',
            content: '400-XXX-XXXX（工作时间：9:00-18:00）'
          },
          {
            title: '客服邮箱',
            content: 'service@qctrips.cn'
          },
          {
            title: '公司地址',
            content: '河南省郑州市XXX区XXX路XXX号'
          }
        ]
      };
    },
    
    // 合作伙伴
    getPartnerInfo() {
      return {
        title: '合作伙伴',
        publishDate: '2023年10月01日',
        effectiveDate: '2023年10月01日',
        sections: [
          {
            title: '战略合作伙伴',
            content: '我们与多家知名企业建立了战略合作关系，共同为用户提供优质服务。'
          },
          {
            title: '服务商伙伴',
            content: '平台汇集了众多优质服务商，涵盖研学、旅游、教育等多个领域。'
          }
        ]
      };
    },
    
    // 加入我们
    getJoinInfo() {
      return {
        title: '加入我们',
        publishDate: '2023年10月01日',
        effectiveDate: '2023年10月01日',
        sections: [
          {
            title: '招聘岗位',
            content: '我们长期招聘产品经理、技术开发、运营推广等岗位人才。'
          },
          {
            title: '联系方式',
            content: '简历投递邮箱：hr@qctrips.cn'
          },
          {
            title: '商家入驻',
            content: '欢迎优质服务商入驻平台，共同发展。入驻咨询：bd@qctrips.cn'
          }
        ]
      };
    },
    
    // 默认内容
    getDefaultContent() {
      return {
        title: this.pageTitle,
        publishDate: '2023年10月01日',
        effectiveDate: '2023年10月01日',
        sections: [
          {
            title: '内容正在完善中',
            content: '相关内容正在整理中，敬请期待。'
          }
        ]
      };
    },
    
    // 下载功能
    handleDownload() {
      uni.showToast({
        title: '下载功能开发中',
        icon: 'none'
      });
    }
  }
};
</script>

<style lang="scss" scoped>
.page-container {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;
}

.content-area {
  padding: 24rpx;
}

.scroll-content {
  height: 100%;
  margin: 0 auto;
}

.detail-card {
  background: #ffffff;
  border-radius: 16rpx;
  padding: 24rpx;
  margin: 12rpx;
}

.detail-header {
  margin-bottom: 24rpx;
}

.detail-title {
  font-size: 36rpx;
  font-weight: bold;
  color: #333;
  line-height: 1.6;
}

.detail-meta {
  display: flex;
  flex-direction: column;
  gap: 12rpx;
  margin-bottom: 24rpx;
}

.meta-item {
  font-size: 26rpx;
  color: #999;
}

.divider {
  height: 1rpx;
  background-color: #e5e5e5;
  margin: 32rpx 0;
}

.detail-content {
  line-height: 1.8;
}

.content-section {
  margin-bottom: 32rpx;

  &:last-child {
    margin-bottom: 0;
  }
}

.section-title {
  display: block;
  font-size: 32rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 16rpx;
  line-height: 1.6;
}

.section-text {
  display: block;
  font-size: 28rpx;
  color: #666;
  line-height: 1.8;
  text-align: justify;
}

.subsections {
  margin-top: 16rpx;
}

.subsection {
  margin-bottom: 20rpx;
  padding-left: 24rpx;

  &:last-child {
    margin-bottom: 0;
  }
}

.subsection-title {
  display: block;
  font-size: 28rpx;
  font-weight: 500;
  color: #333;
  margin-bottom: 12rpx;
  line-height: 1.6;
}

.subsection-text {
  display: block;
  font-size: 26rpx;
  color: #666;
  line-height: 1.8;
  text-align: justify;
}

.download-btn {
  padding: 8rpx 24rpx;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 32rpx;
  margin-right: 24rpx;
}

.download-text {
  font-size: 28rpx;
  color: #ffffff;
}
</style>

